<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div {
        width: 400px;
        height: 300px;
        border: 1px solid #000;
        /* overflow: hidden; */

        /* 如果内容超出了，就自动添加滚动条 */
        /* 内容不超出，就不加 */
        /* 主要用在元素的内部滚动 */
        overflow: auto;

        /* 不管超不超出，都有滚动条 */
        /* overflow: scroll; */
      }

      section {
        width: 500px;
        height: 500px;
        background-color: lightcoral;
      }
    </style>
  </head>
  <body>
    <div>
      <!-- 深刻领会传承中华优秀传统文化的重要意义。推动中华优秀传统文化传承发展是治国理政的重大议题。只有全面深入了解中华文明的历史，才能更有效地推动中华优秀传统文化创造性转化、创新性发展，更有力地推进中国特色社会主义文化建设，建设中华民族现代文明。中华优秀传统文化在建设中华民族现代文明中发挥着不可替代的重要作用。要不断深化对文化建设的规律性认识，自觉传承和弘扬中华优秀传统文化，为建设中华民族现代文明作出更大贡献。
      深刻领会传承中华优秀传统文化的重要意义。推动中华优秀传统文化传承发展是治国理政的重大议题。只有全面深入了解中华文明的历史，才能更有效地推动中华优秀传统文化创造性转化、创新性发展，更有力地推进中国特色社会主义文化建设，建设中华民族现代文明。中华优秀传统文化在建设中华民族现代文明中发挥着不可替代的重要作用。要不断深化对文化建设的规律性认识，自觉传承和弘扬中华优秀传统文化，为建设中华民族现代文明作出更大贡献。
      深刻领会传承中华优秀传统文化的重要意义。推动中华优秀传统文化传承发展是治国理政的重大议题。只有全面深入了解中华文明的历史，才能更有效地推动中华优秀传统文化创造性转化、创新性发展，更有力地推进中国特色社会主义文化建设，建设中华民族现代文明。中华优秀传统文化在建设中华民族现代文明中发挥着不可替代的重要作用。要不断深化对文化建设的规律性认识，自觉传承和弘扬中华优秀传统文化，为建设中华民族现代文明作出更大贡献。 -->

      <section></section>
    </div>
  </body>
</html>

<!-- 

  overflow:visible;	visible:默认值，内容不会被修剪，会呈现在元素框之外；
  overflow:hidden;	hidden：内容会被修剪，并且其余内容是不可见的；
  overflow:auto;	auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容;
  overflow:scroll;	scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容;
 -->
